html, body, #app {
  height: 100%;
}
#proupkeep{
  height: 100%;
  background-color: #f7f7f7;
  .vux-no-group-title{
    margin-top: 0px !important;
  }
  .vux-label{
    border-left: 2px solid red;
    padding-left: 5px;
  }
  sub-item {
    color: #888;
  }
  .overflow{
    overflow:auto !important;
  }
  .slide {
    padding: 0 20px;
    overflow: hidden;
    max-height: 0;
    background-color:#fafafa;
    font-size: 14px;
    color:#8b8b8b;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s;
  }
  .animate {
    max-height: 9999px;
    transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
    transition-delay: 0s;
  }
  .tshirt{
    margin-top:10px;
  }
  .title{
    background-color: white;
    padding-left:15px;
    overflow:hidden;
    .left{
      float: left;
    }
    img{
      width: 40px;
      height: 40px;
    }
    span{
      line-height: 40px;
      margin-left: 5px;
      line-height:40px;
    }
  }
  table{
    border-collapse: collapse;
    color:#8b8b8b;
    .clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }
    td{
      border: 1px solid #8b8b8b;
      width: 20%;
      span{
        display: inline-block;
        padding: 10px;
      }
      dl{
        padding: 8% 3%;
      }
      dt{
        width: 30%;
        float:left;
        padding-right: 4%;
        img{
          width:100%;
        }
      }
      dd{
        float: left;
        width:65%;
      }
    }
  }
}
